.body{ background-color: #f8f8f8;}
/*有背景图的时候加上这个类名*/
.page_bg{}
.header{ height: 12rem; background-color: #ffffff; position: relative; z-index: 3; transition: all .3s;}
.logo{top: 50%; margin-top: -39px; margin-top: -39px \9; -ms-transform: translateY(0%); position: absolute;}
.logo>img{ margin-right: 1.8rem; position: relative; top: -.4rem; max-width: 7.3rem;}
.header_line{ padding-top: 1.5rem; text-align: right; font-size: 0;}
.header_link_01,.header_link_02,.header_line>span{ display: inline-block; }
.header_link_01{ font-size: 0; margin-right: 1.6rem;}
.header_link_01 a{ color: #1658a0; border-radius: .6rem; padding: 0 1rem;}
.header_link_01 a.btn_base:hover{ -webkit-filter: brightness(100%); filter: brightness(100%); color: #1658a0; border: 1px solid #1658a0; background: #f2f8ff;}
.header_link_02{ margin: 0 .4rem; font-size: 0;}
.header_link_02 a{ position: relative; padding: 0 1.2rem; font-size: 1.4rem; line-height: 1.4rem;}
.header_link_02 a:after{ position: absolute; content: ''; right: 0; top: 50%; margin-top: -.7rem; height: 1.4rem; width: 2px; background-color: #7d7d7d;}
.header_link_02 a:last-child:after{ display: none;}
.header_line>span{ padding:.2rem 1rem; border: 1px solid #666666; color: #666; border-radius: 1.2rem; font-size: 1.2rem; float: right; margin-left: .8rem;}
.menu_base ul{ text-align: right; padding-top: .7rem;}
.menu_base li{display: inline-block;margin-left: 1.5rem;padding-bottom: .8rem;}
.menu_base.menu_horizontal .menu_item{ float: inherit;}
.menu_base li:first-child{ margin-left: 0;}
.menu_base li a{ padding: 1.5rem 0 1.4rem 0; font-weight: bold; line-height: 4rem; font-size: 2.4rem; display: block; position: relative;}
.menu_base li.on a{ color: #1658a0;}
.menu_base>ul>li a:before{display:none;position:absolute;content:'';left:50%;transform:translateX(-50%) rotate(45deg); -ms-transform:translateX(-50%) rotate(45deg);width:1.6rem;height:1.6rem;background-color:#1658a0;bottom: -1.5rem;}
.menu_base>ul>li:nth-child(2) a:hover:before,.menu_base>ul>li:nth-child(3) a:hover:before,.menu_base>ul>li:nth-child(4) a:hover:before,.menu_base>ul>li:nth-child(5) a:hover:before,.menu_base>ul>li:nth-child(6) a:hover:before,.menu_base>ul>li:nth-child(2).on a:before,.menu_base>ul>li:nth-child(3).on a:before,.menu_base>ul>li:nth-child(4).on a:before,.menu_base>ul>li:nth-child(5).on a:before,.menu_base>ul>li:nth-child(6).on a:before{ display: block;}
.search_fixed{ display: none;}
.banner_header{background:#1658A0 url(20220223-ljq-banbg.png) no-repeat center ; height: 8rem; z-index: 2; }
.banner_header .row{ padding: 1.6rem 0;}
.area_weather{color: #ffffff;line-height: 2.4rem;font-size: 1.6rem;margin-top: 1.4rem;}
.search_area{ box-sizing: border-box; background-color: #ffffff\9; background-color: rgba(255, 255, 255, .2); background-color: rgba(255, 255, 255, .2)\9\0; border-radius:4rem; position: relative;}
.search_area .input_group{ padding:.4rem 0;}
.search_area .input_select .input_group_prepend_01{ width: 8.8rem;}
.input_select .input_group_prepend_01 .input_base input[type="text"].input_inner{ padding-right: 0; color: #999999;}
.search_area .input_icon{ right: 1.6rem; top: .7rem;}
.search_area .input_base.input_suffix:before{ content:' '; position: absolute; right: 0; top: 50%; margin-top: -1rem; height: 2rem; width: 2px; background-color: #ffffff; z-index:2;}
.search_area input[type="text"].input_inner,.search_area .input_group_prepend_01,.search_area .input_group_append_01{ background-color: transparent; border: none; color: #ffffff; color: #555555\9; color: #ffffff\9\0; padding-right: 0; }
.search_area input[type="text"].input_inner{ width: 80%;}
.search_area .input_group_append_01{ padding: 0px;}
.search_area .input_group_append_01 i{ font-size: 2.4rem;}
.search_area input[type="text"]::-webkit-input-placeholder{ color: #ffffff;}
.search_area .input_icon{ color: #ffffff; color: #555555\9; color: #ffffff\9\0;}
.input_inner.on+.input_icon{ top: .7rem;}
.search_area .select_dropdown{ top:4.4rem}
.input_group_append_01 button.btn_default{margin:0;border: none;}
.input_group_append_01 button.btn_default:hover{ background-color:transparent; border:0; color:#ffffff; color: #1658a0\9;}
.aged_link{font-size: 0;height: 4.4rem;display: block;}
.search_content{ display: none; position: absolute; top:4.8rem; left: 0; right: 0; padding:1.2rem 0; background-color: #fff; z-index: 9; border-radius:.8rem;}
.search_history,.search_top{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 2rem;}
.search_history span,.search_top span,.search_history a,.search_top a{ display: inline-block; font-size: 1.4rem; line-height: 2.4rem; margin-bottom: .4rem; margin-top: .4rem;}
.search_history a,.search_top a{font-size: 1.2rem; padding: 0px 1.2rem; background-color: #f6faff; border-radius:.5rem; color: #1658a0; margin-right: .8rem;}
.search_history a i,.search_top a i{ display: none;}
.header.fixed{ position: fixed; left: 0; top: 0; right: 0; z-index: 997; height:auto; background-color: #ffffff\9; background-color: rgba(255,255,255,.9); background-color: rgba(255, 255, 255, .9)\9\0;}
.header.fixed .header_line{ display: none;}
.header.fixed .menu_base li.on a:before{ display: none;}
.header.fixed .logo{ width: 23.3333%; float: left; position: relative; top: 0; padding: 1rem 0; margin-top: 0;} 
.header.fixed .logo>img{ width: 5rem;}
.header.fixed .logo a img{ width:20rem}
.header.fixed .menu_base{float: left;margin-left: -3rem;}
.header.fixed .menu_base ul{ padding-top: 0; padding-left: 2rem;}
.header.fixed .menu_base>ul>li a:before{ display: none;}
.header.fixed .submenu{ display: none !important;}
.header.fixed .search_fixed{ display: block; position: absolute; right: 2rem; top: 2rem; width: 17rem; padding: 0 1.2rem 0 .8rem; background: #fff; border: 1px #c8c8c8 solid; height: 3.4rem; border-radius: 1.7rem;}
.search_fixed .form-control{ border: none; padding: 0 1rem; line-height: 3.4rem; height: 3.4rem; background-color: transparent; font-size: 1.4rem; width: 86%; display: inline-block; float: left;}
.search_fixed .btn_base{ padding: 0; line-height: 3rem;}
.search_fixed .btn_base i{ font-size: 1.6rem;}
.aged_link a{ font-size:2rem; font-weight: bold; display: inline-block; text-align: center; color: #ffffff; padding: 0 1.6rem; height: 5rem; line-height: 5rem; border-radius: 8px; margin-left: 1rem;}
.aged_link a.aged_link_01{ background: url(21_header_bar1.png) no-repeat center bottom #e66531;}
.aged_link a.aged_link_02{ background: url(21_header_bar2.png) no-repeat center bottom #4674c0;}
.aged_link a i{ font-weight: normal; font-size:2.4rem;}
.aged_link a:hover{ -webkit-filter: brightness(110%); filter: brightness(110%);}
.submenu{ background-color: #1658a0; font-size: 1.8rem; color: #ffffff; position: absolute; left: 0; right: 0; top: 12rem; }
.submenu .trt-row{ padding: 1rem 0;}
.submenu .trt-row .trt-col-16{ border-right: 1px solid #ffffff;}
.submenu .trt-row .trt-col-16 p{ line-height: 3rem;}
.submenu .trt-row .trt-col-16 p span{ display: inline-block; margin-right: 2rem; font-weight: bold;}
.submenu a{ color: #ffffff; display: inline-block; font-weight: bold; margin: 0 1rem;}
.submenu .trt-row .trt-col-16 p a{ font-weight: normal; margin-right: 1.2rem;}
.submenu .trt-col-8{ padding-left: 3rem; line-height: 3rem;}
.submenu .trt-col-8 a{ width:calc(33.3% - 2rem); float: left;}
.submenu .row{ display: none; text-align: center;}
.submenu .row:first-child{ text-align: left;}
.submenu .row>a{ line-height:6rem; padding: 1rem 0;}
.page_bg{background: url(21qz_bg.png) no-repeat center 128px transparent; background-size: 100% auto;}
.page_bg .search_area{background-color: #ffffff;border: 1px solid #1658a0;}
.page_bg .search_area input[type="text"].input_inner,.page_bg .search_area .input_group_prepend_01, .page_bg .search_area .input_group_append_01,.page_bg .search_area .input_icon{ color: #333333;}
.page_bg .search_area .input_base.input_suffix:before{ background-color: #999999;}
.page_bg .search_area input[type="text"]::-webkit-input-placeholder{ color: #999999;}
.page_bg .search_area .input_group_append_01 i{ color: #1658a0;}
.search_area .input_group_prepend_01 li{ color: #555555;}
.input_select .input_group_prepend_01 .input_base input[type="text"].input_inner{ color: #ffffff; color: #555555\9; color: #ffffff\9\0;}
.page_bg .input_select .input_group_prepend_01 .input_base input[type="text"].input_inner{ color: #555555;}
.page_bg .search_content{ top: 4.9rem;}
.page_bg .btn_base:hover{ background-color: transparent; border-color:transparent;}
.page_bg .header{border-bottom: 8px solid #1658a0;height: 12.8rem;}
.page_bg .banner_header .row{ width:57.6rem; margin: 0 auto; padding-top:9rem;}
.page_bg .banner_header{ background: none transparent; height:34rem;}
.page_bg .banner_header .row .trt-row [class*=trt-col-]{ width: 100%;}
.page_bg .area_weather{height: 4rem;line-height: 4rem; float: none;padding: 0;text-align: center;color: #1658a0;}
.page_bg .aged_link{text-align: center; float: initial;}
.page_bg .aged_link{ margin-top: 1.6rem;}
.aged_link a.aged_link_01.none{ display: none;}
.page_bg .header.fixed{ height:8rem;}

.slb .search_area input[type="text"].input_inner{ width: 70%;}
.slb .page_bg .header{ height:auto;}
.slb .select_dropdown{ top:4.4rem;}
.slb .banner_header{ height: auto;}
.slb .page_bg .banner_header{ height:34rem;}
.slb .logo{ top: 1rem; transform: translateY(0);}
.slb .logo>img{margin-right: 1rem;width: 5rem;top: -.2rem;}
.slb .menu_base{ margin-top: 2rem;}
.slb .menu_base ul{ padding-top: 0; text-align: left;}
.slb .menu_base li:last-child{ margin-right: 0;}
.slb .menu_base li a{ padding: 1.2rem 0;}
.slb .submenu{ top: 12.4rem;}
.slb .submenu .trt-col-8{padding-left: 0rem;}
.slb .search_area .trt-col-14{ width: 58.33333%;}
.slb .submenu .trt-col-8 a{ width: auto;}
.slb .banner_header .trt-col-10{ width: 41.66667%;}
.slb .submenu .row{ padding: 1rem 0;}
.slb .submenu .row:first-child{ padding: 0;}
.slb .submenu .row>a{ line-height:3rem; padding: 0;}
.slb .menu_base li{padding-bottom: 0;}
.slb .header_link_01{ margin-right: .4rem;}
.slb .header_link_02{ margin-left: .4rem; margin-right: 0;}
.slb .header_link_02 a{ padding: 0 .4rem;}
.slb .header_link_01 a{ padding: 0 .8rem;}
.slb .btn_base+.btn_base{ margin-left: .4rem;}
.slb .header.fixed .logo{ width: 70%; padding-bottom: 0;}
.slb .header.fixed .menu_base{ margin-top: 0;}
.slb .header_line>span{ padding:.2rem .8rem;}
.slb .header.fixed .menu_base ul{ padding-left: 0;}
.slb .header.fixed .menu_base li{ padding-bottom: 0;}
.slb .aged_link_02{ display: none;}
.slb .aged_link a.aged_link_01.none{ display: inline-block;}
.slb .area_weather{ padding: 0; line-height:2.6rem; margin-top: 0rem;}
.slb .header.fixed .menu_base{ margin-left: 0;}
.slb .banner_header .trt-col-6{width: 25%;}
.slb .banner_header .trt-col-12{width: 50%;}
.slb .logo{margin-top: inherit;}
@media screen and (max-width:1360px) {
	.banner_header .row{ padding: 1.6rem;}
}

@media screen and (max-width:1280px) {
	.logo>img{ margin-right: 1rem;}
	.logo a img{ max-width:28.8rem;}
}
@media screen and (max-width:1024px) {
	.slb .menu_base li{ margin-right: 1.2rem;}
}
@media screen and (max-width:992px) {
	.header,.banner_header{ height: auto;}
	.header .row{ padding: 0;}
	.header_line{ padding-top: 0; top:1rem; position: absolute; right:.4rem;}
	.logo{ padding-left: 1.6rem; margin-top: inherit;}
	.logo>img{ max-width: 5rem;}
	.logo a img{ max-width:18rem;}
	.page_bg .header{ border-bottom: 0; height: auto;}
	.page_bg .banner_header{ height: auto; background: none #1658a0; overflow: inherit;}
	.header.fixed .logo,.logo{ width:78%; position: relative; top: inherit; transform: translateY(0); padding-top: 1.2rem;}
	.header_link_01, .header_line>span{ display: none;}
	.search_area #siteKeyWord1{ width: 70%;}
	.page_bg .search_area{overflow: inherit;background-color: rgba(255,255,255,.2);border: none;}
	.page_bg .search_area input[type="text"].input_inner, .page_bg .search_area .input_group_prepend_01, .page_bg .search_area .input_group_append_01, .page_bg .search_area .input_icon{color:#ffffff;height: 3.8rem;line-height: 3.8rem;}
	.page_bg .search_area input[type="text"]::-webkit-input-placeholder,.page_bg .search_area .input_group_append_01 i{ color: #ffffff;}
	.search_area .input_select .input_group_prepend_01{ width: 7rem;}
	.search_area .input_icon{ right: 1rem;}
	.search_area .input_group_append_01{ padding:0 .6rem;}
	.search_area .input_group_append_01 button{ padding: 0 .6rem;}
	.page_bg .search_area .input_base.input_suffix:before{ background-color: #ffffff;}
	.select_dropdown li a{ padding-left: 0; text-align: center;}
	.select_dropdown{background-color: #ffffff;top: 4.4rem;border: none;}
	.menu_base{ position: relative; padding-right: 1rem;}
	.menu_base:after{ content: ''; width: 3rem; position: absolute; right:1rem; top: 0; bottom: 0; background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));;}
	.menu_base ul{ text-align: left; white-space: nowrap; overflow-x: auto; padding-top: 0; padding-left: 1.6rem;}
	.menu_base ul::-webkit-scrollbar{ display: none;}
	.menu_base li{ float: inherit; display: inline-block; margin:0 2rem 0 0; padding-bottom: 0;}
	.menu_base li a{ padding:.5rem 0;}
	.menu_base li.on a:before,.header.fixed .search_fixed{ display: none;}
	.submenu{ display: none !important;}
	.banner_header .row{ padding: 1.6rem;}
	.area_weather,.aged_link .aged_link_02{ display: none;}
	.search_area .input-group-addon:first-child i{ top: 1.9rem; right: 1rem;}
	.search_area .input-group-addon:first-child:before{ right: 0rem;}
	.search_area .input-group-addon:last-child .btn_base{ margin-left: -2.4rem;}
	.search_area .input-group-addon:first-child span{ text-align: left; padding-left: 1rem;}
	.search_area .btn_base i{ font-size: 2rem;}
	.search_area .input-group-addon:first-child span{ padding-left: 0; text-align: center;}
	.search_area .input-group-addon:last-child .btn_base{ margin-left: 0;}
	.page_bg .search_content{ top: 4.8rem;}
	.header_link_02 a:first-child:after{ display: none;}
	.page_bg .aged_link{ margin-top:0;}
	.aged_link a{ margin-left: 0; height:4.8rem; line-height: 4.8rem; padding: 0; display: block; width: 100%;}
	.page_bg .banner_header .row{width: 100%; padding-top: 1.6rem;}
	.page_bg .banner_header .row .trt-row [class*=trt-col-].trt-col-sm-18{ width: 75%;}
	.page_bg .banner_header .row .trt-row [class*=trt-col-].trt-col-sm-6{ width: 25%;}
	.search_history, .search_top{ padding:0 1.2rem; white-space:initial;}
	.search_history span, .search_top span{ font-size: 1.8rem;}
	.search_history a, .search_top a{ font-size:1.6rem; display:block; background-color:transparent; padding:0rem; margin-right: 0; line-height:3.4rem; font-family: "iconfont" !important; position: relative; color: #555555;}
	.search_history a:before { content: "\e8c4"; margin-right: .4rem;}
	.search_history a i{ position: absolute; right: 0; display: block; top: 0; color: #bbbbbb;}
	.search_top a:before{margin-right: .8rem;}
	.search_top a:first-child+a:before{ content: '1'; color: #ff0000;}
	.search_top a:first-child+a+a+a:before{ content: '2'; color: #ff0000;}
	.search_top a:first-child+a+a+a+a:before{ content: '3'; color: #ff0000;}
	.search_top a:first-child+a+a+a+a+a:before{ content: '4';}
	.search_top a:first-child+a+a+a+a+a+a:before{ content: '5';}
	.search_top a:first-child+a+a+a+a+a+a+a:before{ content: '6';}
	.search_top a:first-child+a+a+a+a+a+a+a+a:before{ content: '7';}
	.search_top a:first-child+a+a+a+a+a+a+a+a+a:before{ content: '8';}
	.search_area .select_group .input_inner{ top: -.1rem; position: relative;}
	
	.slb .select_dropdown{top: 3.9rem;}
	.slb .search_content{ padding:.4rem 0;}
	.slb .page_bg .banner_header{ height: auto;}
	.slb .logo{ width: 70%; padding-left:1rem}
	.slb .logo{ top:0rem; padding-top: 1rem;}
	.slb .logo>img{width: 4rem;top: -.2rem; margin-right:.6rem}
	.slb .logo a img{ width:80%; max-width: 24rem;}
	.slb .menu_base ul{ padding-left: 1rem;}
	.slb .menu_base{ margin-top: 0rem;}
	.slb .menu_base li a{ padding: 0;}
	.slb .page_bg .search_content{ top: 3.8rem;}
	.slb .search_area .input_select .input_group_prepend_01{width: 5.8rem;}
	.slb .search_area .input_icon{right: .4rem;}
	.slb input[type="text"].input_inner{ padding-left: 1rem; font-size: 1.2rem; padding-right: 0;}
	.slb .page_bg .input_select .input_group_prepend_01 .input_base input[type="text"].input_inner{font-size: 1.2rem;height: 3.6rem;line-height: 3.6rem;}
	.slb .banner_header .row{ padding:1.2rem;}
	.slb .page_bg .banner_header .row .trt-row [class*=trt-col-].trt-col-sm-18,.slb .page_bg .banner_header .row .trt-row [class*=trt-col-].trt-col-sm-6,.slb .banner_header .trt-col-10{ width:100%;}
	.slb .aged_link a{ width: 100%; margin-left: 0; border-radius:.8rem; height: auto; line-height: 3.6rem;}
	.slb .search_area .input_group{ padding: 0;}
	.slb .aged_link{ height:auto;}
	.slb .page_bg .aged_link{ margin-top: 1.2rem;}
	.slb .search_area .input_group_append_01 button{ top: -.2rem; position: relative;}
	.slb .menu_base>ul>li a:hover:before{ display: none;}
	.slb .search_history span,.slb .search_top span,.slb .search_history a,.slb .search_top a{ font-size:1.1rem;}
	.slb .search_history a,.slb .search_top a{ line-height: 2rem;}
}
@media screen and (max-width:768px) {
	.aged_link a{ font-size: 1.6rem;}
	.slb .menu_base li a{font-size: 2rem;}
}
@media screen and (max-width:374px) {
	.slb .logo>img{width:2.5rem;}
	.slb .logo a img{ width:12rem;}
}